.<template>
<div>
 <h2>权限设置</h2>
<span></span>
    <el-button type="primary" style="float=left" @click="save">保存按钮</el-button>
    <el-button type="primary" style="float=right" @click="back" >退出按钮</el-button>
    <hr />

<el-tree
  :data="data"
  ref='tree'
  show-checkbox
  aria-checked=""
  node-key="id"

  :props="defaultProps">
</el-tree>

 </div> 
</template>

<script>
export default {

}
</script>

<style>

</style>
<script>
//增加角色
import { save} from '../http/api'

  export default {
    //增加角色

    data() {
      
      return {

        data: [
        {
          id: 1,
          label: '商品基本资料',
         
        }, 
        ///////第二行门店基础设置
        {
          id: 2,
          label: '门店基础设置',
         
        }, 
        ///////第三行员工基础设置
        {
          id: 3,
          label: '员工基础设置',
        },
          ///////第四行供应商基础设置
        {
          id: 4,
          label: '员工基础设置',
        },
          ///////第五行供应商基础设置
        {
          id: 5,
          label: '权限设置',
         
        },
         ///////第6行系统设置
        {
          id:6,
          label:'系统设置',
         

        },
         ///////第7行修改密码
        {
          id:7,
          label:'修改密码',
        },
        ///////第8行商品管理
        {
          id:8,
          label:'商品管理',
         
        }],
       
        
        defaultProps: {
          children: 'children',
          label: 'label'
        },
       
      };

      
    },
    methods: {
      save(){
     let res = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
     console.log(res)
     var ss = typeof res;
     console.log(ss)
    
     //接口
      save(res )
        .then(res=>{
          console.log(res)
        }).catch(err=>{
          console.log(err)
        })

      },
      back() {
        
        this.$router.push('limits')
      },
    },
    created() {
      //写请求
      //.then
      //this.xxx=res.data.value.data


    },
  };
</script>
<style >
  .el-tree-node__label{
   font-size: 20px;
  }
  .el-tree-node__content{
    height: 40px;
  }
  
  .el-tree-node__content{
    background-color:rgb(219, 232, 245);
  }
    </style>